﻿@{
	Layout = null;
}
<form class="uk-width-1-1 uk-form" id="logon-form">
	<div class="uk-form-row">
		<div class="uk-width-1-1 uk-overlay">
			<a class="uk-thumbnail" title="Крокодзилла" target="_blank" href="/GZO9gYft">
				<img class="welcome-thubnail uk-width-1-1" src="@Url.Content("~/Content/Images/main-crop.png")" alt="КРОКОДЗИЛЛА" />
			</a>
		</div>
	</div>
	<div class="uk-form-row uk-margin-small-top">
		<input class="uk-width-1-1 uk-form-large" type="text" name="name" placeholder="Введите свое имя, для быстрой игры">
	</div>
	<div class="uk-form-row uk-margin-small-top">
		<div class="uk-width-1-1 uk-button uk-button-primary uk-button-large" id="submit-button">Представиться</div>
	</div>
</form>
<div class="uk-margin-top" style="position: relative;">
	<hr class="uk-margin-small uk-width-9-10 uk-container-center" />
	<div class="or uk-text-muted">или</div>
	<div class="uk-margin-top uk-margin-small-bottom uk-container-center">
		<button data-uk-tooltip="{pos:'bottom', delay:500, animation: true}" class="uk-button login-button uk-icon-vk" title="Войти с помощью Вконтакте" data-auth="Vkontakte"></button>
		<button data-uk-tooltip="{pos:'bottom', delay:500, animation: true}" class="uk-button login-button uk-icon-facebook" title="Войти с помощью Facebook" data-auth="Facebook"></button>
		<button data-uk-tooltip="{pos:'bottom', delay:500, animation: true}" class="uk-button login-button uk-icon-google-plus" title="Войти с помощью Google+" data-auth="Google"></button>
		<button data-uk-tooltip="{pos:'bottom', delay:500, animation: true}" class="uk-button login-button uk-icon-twitter" title="Войти с помощью Twitter" data-auth="Twitter"></button>
	</div>
</div>
